<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no;">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="./style/element-ui2120.css">
    <link rel="stylesheet" href="./style/home.css">    

</head>

<body>
    <div id="app">
        <div class="header">
            <div class="h_body">
                <el-col :span="8" class="lab_left ">
                    <span class="mrg_left15">
                        消息
                    </span>
                </el-col>
                <el-col :span="8" class="lab_center">
                    <span>
                        消息
                    </span>
                </el-col>
                <el-col :span="8" class="lab_right">
                    <span class="mrg_right15">
                        消息
                    </span>
                </el-col>
            </div>
        </div>
        <div class="content">
            <div class="c_body">
                <a href="./detail.html" class="c_b_item" v-for="(item,c) in 20" :key="c">
                    <el-col :span="4">
                        <div class="b_item_header">
                            <img src="./img/chatpic.jpg" alt="">
                        </div>
                    </el-col>
                    <el-col :span="20">
                        <div class="b_item_body">
                            <p>群助手</p>
                            <span>[14个群有新消息]</span>
                        </div>
                    </el-col>
                </a>

            </div>
        </div>
        <div class="footer">
            <div class="f_body">
                <el-col :span="6" v-for="(item,i) in 4" :index="i" class="foot_item_label">
                    <span>
                        消息
                    </span>
                </el-col>
            </div>
        </div>
    </div>
</body>
<script src="./js/vue@2610.js"></script>
<!-- import JavaScript -->
<script src="./js/element-ui@2120.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                visible: false
            }
        }
    })
</script>
</html>